<template>
  <demoBlock title="基础用法">
    <vcu-collapse v-model="activeNames">
      <vcu-collapse-item title="标题1" name="1">内容</vcu-collapse-item>
      <vcu-collapse-item title="标题2" name="2">内容</vcu-collapse-item>
      <vcu-collapse-item title="标题3" name="3">内容</vcu-collapse-item>
    </vcu-collapse>
  </demoBlock>
</template>



<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const activeNames = ref(["1"]);
    return { activeNames };
  },
});
</script>